/* 整个滚动条 */
::-webkit-scrollbar {
    width: 9px;
    height: 9px;
    box-sizing: border-box;
    background: #11111180;
}

/* 两边按钮 */
::-webkit-scrollbar-button {
    width: 9px;
    height: 12px;
    background: url() no-repeat
}

/* 纵向开始箭头 */
::-webkit-scrollbar-button:vertical:start {
    background-position: 0 0
}

/* 纵向开始箭头：hover */
::-webkit-scrollbar-button:vertical:start:hover {
    background-position: -10px 0
}

/* 纵向开始箭头：active */
::-webkit-scrollbar-button:vertical:start:active {
    background-position: -20px 0
}

/* 纵向结束箭头 */
::-webkit-scrollbar-button:vertical:end {
    background-position: -30px 0
}

/* 纵向结束箭头：hover */
::-webkit-scrollbar-button:vertical:end:hover {
    background-position: -40px 0
}

/* 纵向结束箭头：active */
::-webkit-scrollbar-button:vertical:end:active {
    background-position: -50px 0
}

/* 横向开始箭头 */
::-webkit-scrollbar-button:horizontal:start {
    background-position: 0 -11px
}

/* 横向开始箭头：hover */
::-webkit-scrollbar-button:horizontal:start:hover {
    background-position: -10px -11px
}

/* 横向开始箭头：active */
::-webkit-scrollbar-button:horizontal:start:active {
    background-position: -19px -11px
}

/* 横向结束箭头 */
::-webkit-scrollbar-button:horizontal:end {
    background-position: -30px -11px
}

/* 横向结束箭头：hover */
::-webkit-scrollbar-button:horizontal:end:hover {
    background-position: -40px -11px
}

/* 横向结束箭头：active */
::-webkit-scrollbar-button:horizontal:end:active {
    background-position: -50px -11px
}

/* 滚动条没有滑块的轨道部分，整条轨道为 ::-webkit-scrollbar-track */
::-webkit-scrollbar-track-piece {
    background-color: rgba(255, 255, 255, .15);
    -webkit-border-radius: 5px
}

/* 滑块 */
::-webkit-scrollbar-thumb {
    background-color: #17171780;
    border: 1px solid rgba(255, 255, 255, .21);
    -webkit-border-radius: 5px
}

/* 滑块：hover */
::-webkit-scrollbar-thumb:hover {
    background-color: #06060680;
    border: 1px solid rgba(255, 255, 255, .21)
}

/* 滑块：active */
::-webkit-scrollbar-thumb:active {
    background: -webkit-gradient(linear, left top, left bottom, from(#141414AA), to(#040404AA))
}

/* 当同时有 垂直滚动条 和 水平滚动条时 交汇的部分 */
::-webkit-scrollbar-corner {
    background-color: #01010180;
    -webkit-border-radius: 1px
}

/* ::-webkit-resizer — 某些元素的corner部分的部分样式(例:textarea的可拖动按钮) */